<template>
	<view class="about_us">
		<!-- #ifdef APP-PLUS -->
		<top-set></top-set>
		<tab-top title="关于我们"></tab-top>
		<!-- #endif -->
		<!-- 信息 -->
		<view class="us_info">
			<view class="us_icon">
				<image src="/static/login/lg-top.png"></image>
			</view>
			<view class="us_name">
				莹宏佳网络
			</view>
			<view class="us_edition" v-if="version">
				V{{version}}
			</view>
		</view>
		<!-- 信息列表 -->
		<view class="us_list">
			<view class="us_item" @tap="openWindow">
				<view class="item_left">官方网站</view>
				<view class="item_right">{{domain || "http://sxkzbs.com"}}</view>
			</view>
			<view class="us_item">
				<view class="item_left">客服电话</view>
				<view class="item_right">{{customerService || '15809244593'}} </view>
			</view>
			<view class="us_item">
				<view class="item_left">官方邮箱</view>
				<view class="item_right">admin@sxkzb.com</view>
			</view>
		</view>
		<!-- 版权信息 -->
		<view class="edition_info">
			<view class="edition_text1">莹宏佳网络有限公司 版权所有</view>
			<view class="edition_text2" v-if="copyright">{{copyright}}</view>
		</view>
	</view>
</template>

<script>

	export default{
		
		data() {
			return {
				domain:uni.getStorageSync('system_config').domain,
				customerService:uni.getStorageSync('system_config').customer_service,
				version:'',
				copyright:uni.getStorageSync('system_config').copyright
			}
		},
		methods: {
			openWindow(){
				let url = this.domain || "http://sxkzbs.com";
				// #ifdef APP-PLUS
				plus.runtime.openURL(url);
				// #endif
				// #ifndef APP-PLUS
				uni.showToast({
					icon:'none',
					title:'小程序不支持'
				});
				// #endif
			},
			dial(){
				let customerService = this.customerService || '15809244593';
				uni.makePhoneCall({
					phoneNumber: customerService //仅为示例
				});
			}
		},
		onLoad(){
			 // #ifdef APP-PLUS
			this.version  = plus.runtime.version;
			// #endif
			
		},
		mounted(){
			
		},
		computed:{
			
		}
	}
</script>

<style scoped lang="scss">
	.about_us{
		.us_info{
			margin: 0 auto;
			margin-top: 65upx;
			width: 200upx;
			.us_icon{
				width: 64upx;
				margin: 0 auto;
				height: 68upx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.us_name{
				margin-top: 26upx;
				text-align: center;
				line-height: 1;
				font-size: 28upx;
				color: #333333;
			}
			.us_edition{
				text-align: center;
				margin-top: 20upx;
				font-size: 24upx;
				color: #333333;
			}
		}
		.us_list{
			margin-top: 100upx;
			box-sizing: border-box;
			padding: 0 24upx;
			.us_item{
				height: 86upx;
				position: relative;
				font-size: 28upx;
				line-height: 86upx;
				.item_left{
					float: left;
					color: #333333;
				}
				.item_right{
					float: right;
					color: #999999;
				}
			}
			.us_item:after{
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 1upx;
				content: '';
 				background: #e5e5e5;
				transform: scaleY(0.5);
			}
		}
		.edition_info{
			height: 100upx;
			width: 100%;
			position: fixed;
			left: 0;
			bottom: 0;
			font-size: 20upx;
			color: #999999;
			line-height: 1;
			text-align: center;
			.edition_text2{
				margin-top: 18upx;
			}
		}
	}
</style>
